%**************************************************************
\chapter{Objetivo Específico: Construcción de OVAs en los Cuatro Estilos de Aprendizaje} 
%**************************************************************

Se inició el proceso de evaluación de las diferentes alternativas gratuitas disponibles para la construcción de objetos de aprendizaje. Las alternativas evaluadas fueron dos, CONSTRUCTOR\footnote{Disponible en: http://constructor.educarex.es/constructor/} y eXeLearning\footnote{Disponible en: http://exelearning.org/}. Se escogieron estas opciones ya que son las que se proponen en el repositorio de objetos virtuales de la UFPS.

Constructor es un software para la creación de contenidos educativos digitales, la cual permite su instalación en forma local o en un servidor. Su funcionamiento se basa en la premisa de la facilidad de uso para el profesor, incluso cuando no se tienen conocimientos informáticos avanzados. Consta de hasta 53 modelos diferentes de actividades (crucigrama, sopa de letras, emparejamientos diversos, entre otros) además de un conjunto de aplicaciones avanzadas (calculadoras, fórmulas y gráficas matemáticas). Permite además la inclusión de zonas interactivas y de documentos de todo tipo (applets, pdfs, etoys de Squeak, entre otros). 

El modelo de creación de actividades con CONSTRUCTOR consiste en crear un Objeto Digital Educativo (ODE), arrastrando hasta el escenario la plantilla que se desea utilizar y configurando sus parámetros (preguntas y respuestas, por ejemplo, o palabras de la sopa de letras, etc.). 

eXeLearning es una herramienta de autor de código abierto para ayudar a los docentes en la creación y publicación de contenidos web. Los recursos creados en eXelearning pueden exportarse en formatos de paquete de contenido de IMS\footnote{Instructional Management Systems}, SCORM\footnote{SCORM (Sharable Content Object Reference Model) es un conjunto de estándares y especificaciones que permite crear objetos pedagógicos estructurados} 1.2 o IMS Common Cartridge\footnote{Un nuevo estándar de contenidos digitales de aprendizaje} o como simple páginas web independientes.

Algunos de los recursos que se pueden usar con eXe Learning son: 

\begin{enumerate}
\item Crear árboles de navegación para facilitar la navegación
\item Opciones de copiar y pegar texto e imágenes
\item Inclusión de sonidos, videos y animaciones
\item Inclusión de actividades sencillas como preguntas tipo test, de verdadero/false, tipo quiz, entre otras
\end{enumerate}

Luego de experimentar y hacer pruebas con ambos sistemas, se decidió usar eXeLearning por las siguientes razones:

\begin{itemize}
\item Creación de árboles de navegación
\item Elemento básico de navegación entre páginas
\item Asistencia en el diseño del objeto de aprendizaje
\item Exportación en formatos de paquete IMS y SCORM
\end{itemize}

%--------------------------------------------------------------
\section{Identificación de Esquema de Distribución}
%--------------------------------------------------------------

En el documento \textit{Implementación de Estilos en la Elaboración de Objetos de Aprendizaje Comunidad UFPS}\cite{Estilos:2011} se presentan los cuatro estilos de aprendizaje descritos por Pablo Cazau\cite{Cazau:2010} apoyándose en el modelo de Kolb\footnote{David A. Kolb es un teórico de la educación cuyos intereses y publicacione sse enfocan en el aprendizaje experiencial, el cambio social e individual, desarrollo de carrera, y educación profesional y ejecutiva.}: Aprendizaje activo, reflexivo, teórico y pragmático.

Para cada uno de estos estilos de aprendizaje, se definió una ruta de conocimiento y un esquema de distribución. Una ruta de conocimiento sirve para establecer los elementos que debe incluir el objeto de aprendizaje, y el esquema de distribución sirve para modelar los objetos de aprendizaje de acuerdo a estilos de distribución gráfica que satisfagan las rutas de conocimiento.

La construcción de objetos de aprendizaje, en cada uno de los cuatro estilos, presenta al menos dos esquemas de distribución, los cuales tienen diferencias visuales y de navegación. 

A continuación se presenta el esquema de distribución seleccionado para cada estilo de aprendizaje:

\begin{itemize}
\item Estilo de aprendizaje activo. Las personas que responden a este estilo buscan responder el ¿cómo?, además les gusta explorar todas las posibilidades, las tareas poco estructuradas, son arriesgados y entusiastas. Ver figura \ref{fig:esquemaactivo3}.

%-------------------------------------------------------
\begin{figure}[ht]
	\centering
	\includegraphics[scale=1]{esquemadistribucionactivo_3}
	\caption{Esquema de distribución activo No. 3}
   	\label{fig:esquemaactivo3}
\end{figure}
%-------------------------------------------------------

\item Estilo de aprendizaje reflexivo. Las personas que responden a este estilo se caracterizan por ser observadoras, buscan recolectar toda la información posible para así llegar a una conclusión. Los videos y las lecturas son de gran ayuda porque les permiten prepararse de antemano. Ver figura \ref{fig:esquemareflexivo1}.

%-------------------------------------------------------
\begin{figure}[ht]
	\centering
	\includegraphics[scale=1]{esquemadistribucionreflexivo_1}
	\caption{Esquema de distribución reflexivo No. 1}
   	\label{fig:esquemareflexivo1}
\end{figure}
%-------------------------------------------------------

\item Estilo de aprendizaje teórico. Este estilo se caracteriza por ser muy estructurado y metódico. Se prima la lógica y la razón. El conocimiento se adquiere paso a paso, de forma organizada. Ver figura \ref{fig:esquemateorico1}.

%-------------------------------------------------------
\begin{figure}[ht]
	\centering
	\includegraphics[scale=1]{esquemadistribucionteorico_1}
	\caption{Esquema de distribución teórico No. 1}
   	\label{fig:esquemateorico1}
\end{figure}
%-------------------------------------------------------

\item Estilo de aprendizaje pragmático. Este estilo está enfocado hacia la aplicación de teorías, ideas y comprobar si funcionan en la práctica. Las personas pragmáticas son personas apegadas a la realidad, que les gusta ver a las personas hacer algo, y poner en práctica inmediatamente lo que aprenden. Ver figura \ref{fig:esquemapragmatico1}.

%-------------------------------------------------------
\begin{figure}[ht]
	\centering
	\includegraphics[scale=1]{esquemadistribucionpragmatico_1}
	\caption{Esquema de distribución pragmático No. 1}
   	\label{fig:esquemapragmatico1}
\end{figure}
%-------------------------------------------------------

\end{itemize}

Durante el cumplimiento de este objetivo se tomó la decisión de medir el acceso a los OVAs. Es importante mencionar que los OVAs serán desarrollados sobre html\footnote{http://www.w3.org/html/ HyperText Markup Language (lenguaje de marcado hipertextual)}, por lo tanto, la manera de controlar las visitas a los OVAs debe ser simple. Para esta labor se usará Google Analytics\footnote{http://www.google.com/analytics/ Google Analytics es un servicio gratuito de estadísticas de sitios web.} el cual permite, con solo incluir unas sentencias de JavaScript\footnote{JavaScript es un lenguaje de programación interpretado. Se define como orientado a objetos, débilmente tipado y dinámico. Se utiliza principalmente del lado del cliente (client side), implementado como parte de un navegador web.}, generar todo un conjunto de estadísticas sobre acceso.

%--------------------------------------------------------------
\section{Construcción de Plantillas}
%--------------------------------------------------------------

Para la construcción de los OVAs, se organizaron las plantillas que se usarán para presentar el contenido de los objetos virtuales de aprendizaje. Se creó no solo una propuesta general institucional, sino que además se representaron los cuatro estilos de aprendizaje usando esta plantilla.

Las plantillas se desarrollaron en HTML, CSS\footnote{Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas.} y JavaScript. Se usaron colores y símbolos institucionales. No se usaron los símbolos del programa de Ingeniería de Sistemas, ya que lo que se quiere es representar una plantilla institucional.

Las pruebas de funcionamiento y visualización se llevaron a cabo en todos los navegadores y en varias versiones, sin embargo, se usará a Google Chrome\footnote{Google Chrome es un navegador web desarrollado por Google. Está disponible gratuitamente en: http://www.google.com/intl/es-419/chrome/} como navegador principal ya que según StatCounter\footnote{StatCounter es una herramienta para analizar el tráfico web. Las estadísticas de StatCounter son usadas para computar la distribución de uso de internet}, la distribución de uso de navegadores lo ubica con un porcentaje de participación de 69,47\% a julio de 2013, seguido de Internet Explorer con 14,64\%. La participación del navegador Chrome ha ido en ascenso mientras que la de Internet Explorer ha ido descendiendo. A continuación se presenta la figura \ref{fig:statcounternavegadores} de StatCounter que muestra la participación en el uso de los navegadores en Colombia.

%-------------------------------------------------------
\begin{figure}[H]
	\centering
	\includegraphics[scale=0.4]{StatCounter-browser-CO-monthly-201301-201307.jpg}
	\caption{Porcentaje de participación de navegadores (Julio 2013), según StatCounter}
   	\label{fig:statcounternavegadores}
\end{figure}
%-------------------------------------------------------

En cuanto al funcionamiento de las plantillas, estas se componen de una página principal con las secciones de título, contenido y menúes, y en el centro una sección dedicada a la carga de las páginas de contenido. A través del uso de los menúes se irán cargando dentro de esta sección las páginas requeridas.

La idea detrás de este diseño fue tener una interfaz limpia y sin distracciones visuales, el cual le permita al estudiante concentrarse en el contenido y de esta forma maximizar su aprendizaje.

La construcción de estas páginas de contenido se realizará con el apoyo de eXe Learning, dadas las potencialidades descritas al inicio de este capítulo.

Cada OVA está contenido dentro de una estructura de carpetas. Esta estructura se presenta en la figura \ref{fig:estructuracarpetasova}.

%-------------------------------------------------------
\begin{figure}[ht]
	\centering
	\includegraphics[scale=0.5]{estructuracarpetasova.png}
	\caption{Estructura de carpetas OVA}
   	\label{fig:estructuracarpetasova}
\end{figure}
%-------------------------------------------------------

Cada carpeta contendrá las plantillas de cada estilo de aprendizaje, los cuales se pueden apreciar en la raíz de la misma. La carpeta \textit{css} guarda los archivos de estilos aplicados a las plantillas y a las páginas de contenido. La carpeta \textit{html} guarda las páginas de contenido de los OVAs. Son las que presentan toda la información sobre los temas, actividades, conocimientos previos, etc. La carpeta \textit{img} guarda las imágenes que son utilizadas dentro de las diferentes páginas. Finalmente, la carpeta \textit{js} guarda los archivos de JavaScript requeridos para llevar a cabo las acciones de interacción y presentación.

El diseño basado en plantilla permite reutilizar el contenido tantas veces como se desee sin que se afecte la plantilla. Lo mismo ocurre si se quiere afectar la plantilla, el contenido no se verá afectado.

A continuación se presentan las plantillas para cada uno de los estilos de aprendizaje: 

%-------------------------------------------------------
\begin{figure}[H]
	\centering
	\includegraphics[scale=0.3]{plantillaactivo.png}
	\caption{Plantilla del esquema de distribución para aprendizaje activo}
   	\label{fig:plantillaactivo}
\end{figure}
%-------------------------------------------------------

%-------------------------------------------------------
\begin{figure}[H]
	\centering
	\includegraphics[scale=0.3]{plantillateorico.png}
	\caption{Plantilla del esquema de distribución para aprendizaje teórico}
   	\label{fig:plantillateorico}
\end{figure}
%-------------------------------------------------------

%-------------------------------------------------------
\begin{figure}[H]
	\centering
	\includegraphics[scale=0.3]{plantillareflexivo.png}
	\caption{Plantilla del esquema de distribución para aprendizaje reflexivo}
   	\label{fig:plantillareflexivo}
\end{figure}
%-------------------------------------------------------

%-------------------------------------------------------
\begin{figure}[H]
	\centering
	\includegraphics[scale=0.3]{plantillapragmatico.png}
	\caption{Plantilla del esquema de distribución para aprendizaje pragmático}
   	\label{fig:plantillapragmatico}
\end{figure}
%-------------------------------------------------------

Como se puede apreciar, el contenido se mantiene el mismo, y lo que va cambiando son los elementos de la plantilla para adecuarse al estilo de aprendizaje requerido.

%---------------------------------------------------------------
\section{Entregable}
%---------------------------------------------------------------

El entregable de este objetivo específico corresponde a los ocho (8) objetos de aprendizaje listos para ser usados por los estudiantes y profesores del Departamento de Sistemas e Informática.

%---------------------------------------------------------------
\section{Completitud}
%---------------------------------------------------------------

Este objetivo se encuentra en un porcentaje de completitud del 40\%. Ya está diseñado el esqueleto y falta iniciar el proceso de diseño de contenidos.